<?php
include "./conf/.htconfig.php";
?>
<!DOCTYPE HTML>
<html>
  <head>
    <title>VAT-Help</title>
    <link rel="stylesheet" type="text/css" href="<?= $conf['base_url'] ?>style/style.css" media="screen" />
    <link type="text/css" href="<?= $conf['jqueryuistyle'] ?>" rel="stylesheet" />	
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript" src="<?= $conf['jquerysrc'] ?>"></script>
    <script type="text/javascript" src="<?= $conf['modernizrsrc'] ?>"></script>
    <script type="text/javascript" src="<?= $conf['base_url'] ?>js/support.js"></script>
    <script type="text/javascript" src="<?= $conf['jqueryuisrc'] ?>"></script>
            <script type="text/javascript">
            $(document).ready( function() {
            $("#accordion").accordion({ header: "h3", collapsible: true, active: "none" });
            });
  </script>
  <noscript>
        <div class="error_bar"><p style="text-align: center; font-weight: bold; width: 1000px; margin: auto;">Du har stängt av Java Script eller använder en webbläsare som inte stödjer Java Script, därför kan du inte använda detta program som det är tänkt. Gå till <a href="help.php">hjälp</a> om du vill få mer information!</p></div>
        </noscript>
        </head>
        <body>
        <header>
        <div id="header">Video Annotation Tool</div>
        </header>
        <nav>
    <img src="<?= $conf['base_url'] ?>image/menuarrow.png" alt="meny" id="navimg" />
        <ul id="navmenu">
        <li><a href="#" tabindex="1">Hem</a></li>
        <li><a href="administration.php" tabindex="2">Administration</a></li>
        <li><a href="#" tabindex="3">Gör markeringar</a></li>
        <li><a href="#" tabindex="4">Visa makeringar</a></li>
        <li><a href="#" tabindex="5">Hjälp!</a></li>
        </ul>
        </nav>
        <div id="box">
        <h2 class="demoHeaders">Hjälp</h2>
        <div id="accordion">
        <div>
				<h3><a href="#">Allmänt</a></h3>
				<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        </div>
        <div>
				<h3><a href="#">Administration</a></h3>
				<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        </div>
        <div>
				<h3><a href="#">Göra markeringar</a></h3>
				<div>Phasellus mattis tincidunt nibh.</div>
        </div>
        <div>
				<h3><a href="#">Visa markeringar</a></h3>
				<div>Nam dui erat, auctor a, dignissim quis.</div>
        </div>
        </div>
        </div>
        </body>
        </html>